//his
.his-item +.side-left .handle {
    margin-bottom: 50px;
}
.conMain .side-left {
    float: right;
    width: 378px;
}
.conMain .side-right {
    float: left;
}
.conMain .side-right .lis:first-child {
    margin-left: -39px;
    width: 392px;
}
.conMain .side-right .lis:last-child {
    margin-left: -10px;
    width: 448px;
}
.mainCon .conMain>.side-right .title {
    text-align: left;
}
.mainCon .conMain>.side-right .title span {
    font-size: 20px;
}
.conMain .modal-tips {
    -ms-transform:translateX(-50%);
    -webkit-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    -o-transform:translateX(-50%);
    transform:translateX(-50%);
}
.cov-vue-date {
    width: 320px;
    margin-left: 40px;
    margin-top: 80px;
    /*-webkit-transform:scale(0.80);*/
    /*-moz-transform:scale(0.80);*/
    /*transform:scale(0.80);*/
}

.his-lis {
    margin-top: 9px;
    height: calc(~'100% - 60px');
    overflow-y: auto;
    &.el-table {
        table {
            border-top: 1px solid #c1c1c1;
            border-right: 1px solid #c1c1c1;
            border-left: 1px solid #c1c1c1;
        }
        th  {
            text-align: center;
            border-left: 1px solid #a0a59d;
            font-weight: normal;
            background-color: #A9D08E;
            color: #000;
            &:first-child {
                border-color: #c1c1c1;
            }
            .cell {
                padding: 0;
            }
        }
        td:first-child {
            border-bottom: 1px solid #c1c1c1;
        }
        td {
            border-color: #c1c1c1;
        }
    }
    .row {
        &:nth-child(odd) {
            background-color: #f7f7f7;
        }
        .cell {
            color: #333;
        }
        &.past {
            background-color: #d1d7de;
            &:nth-child(odd) {
                background-color: #eff2f5;
            }
        }
        &:hover {
            background-color: #d4efc0 !important;
        }
        &.select {
            background-color: #c7d8ca !important;
        }
    }

    .bed,
    .name {
        background-color: #fff;
    }

    .bed {
        text-align: center;
    }
    .del-bage,
    .issue-bage,
    .tor-issue-bage {
        font-size: 14px;
        color: #fff;
        padding: 0 3px;
        border-radius: 3px;
    }
    .del-bage {
        background-color: #929292;
    }
    .tor-issue-bage {
        background-color: #4486DF;
    }
    .issue-bage{
        background-color: #FC3E48;
    }
}
@media screen and (max-width: 1200px) {
    .conMain .side-left {
        width: 316px;
    }
    .conMain .side-right {
        width: 655px;
    }
    .cov-vue-date {
        width: 270px;
        margin-top: 59px;
    }
    .conMain .side-right .lis:first-child {
        width: 330px;
    }
    .conMain .side-right .lis:last-child {
        width: 370px;
    }
    .his-item {
        right: 327px;
        top: 6px;
    }
    .mainCon .conMain>.side-left h3 {
        font-size: 20px;
    }

    .mainCon .conMain>.side-left .btn {
        font-size: 16px;
    }
    .mainCon .conMain>.side-right .title span {
        font-size: 17px;
    }
}
@media screen and (max-width: 900px) {
    .conMain .side-left {
        width: 260px;
    }
    .conMain .side-right {
        width: 460px;
    }
    .cov-vue-date {
        width: 173px;
        margin-top: 39px;
    }
    .conMain .side-right .lis:first-child {
        width: 220px;
    }
    .conMain .side-right .lis:last-child {
        width: 276px;
        margin-left: -5px;
    }
    .his-item {
        right: 250px;
        top: 1px;
    }
    h3.title {
        padding-right: 100px !important;
    }
    .mainCon .conMain>.side-left h3 {
        padding: 4px 0;
        font-size: 14px;
    }
    .mainCon .conMain>.side-right .el-table {
        margin-top: 9px;
        height: calc(~'100% - 60px')
    }
    .mainCon .conMain>.side-left .btn {
        font-size: 14px;
    }
    .mainCon .conMain>.side-right .title span {
        font-size: 12px;
    }
    .his-more-pop .pop-wrap .handle-btn div>span {
        width: 88px;
    }
    .his-lis {
        .del-bage,
        .issue-bage,
        .tor-issue-bage {
            font-size: 10px;
        }
    }
}




